/*自定义样式*/
body { background: #F8F8F8; }
.layui-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    position: static !important
}
.df-main-content { padding: 0 15px; }

.margin-left-20 { margin-left: 20px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-100 { margin-top: 100px; }
.margin-bottom-20 { margin-bottom: 20px; }

.hide { display: none; }
.relative { position: relative; }
.clearfloat:after { visibility: hidden; content: ""; font-size: 0; clear: both; height: 0; display: block;}
.clearfloat { zoom: 1 }
.tow-clamp { overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }

.float-left { float: left; }
.float-right { float: right; }

/* 字体颜色 */
.text-color-aaa { color: #aaa; }
.text-color-777 { color: #777; }
.text-color-blue { color: #1677FF !important; }

/* 字体大小 */
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }

/*顶部导航菜单 begin*/
.df-header {
    height: 94px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    background: rgba(255, 255, 255, .8);
}
.df-header .df-content {
    max-width: 1350px;
    margin: 0 auto;
    font-size: 20px;
    height: 94px;
}

.df-header .df-logo img {
    width: 170px;
    display: block;
    margin-bottom: 15px;
}

.df-header .layui-nav {
    padding: 0;
    background: none;
    position: static !important;
    color: #333;
    margin-left: 30px;
}

.df-header .layui-nav-item {
    margin: 0 8px;
    line-height: 70px;
}

.df-header .layui-nav-item a {
    color: #333;
    font-size: 20px;
    position: relative;
}

.df-header .layui-nav-item a:hover, .df-header .layui-nav-item.on a {
    color: #1677FF;
}

.df-header .layui-nav .layui-nav-bar, .df-header .layui-nav .layui-this:after {
    display: none
}

.df-header .df-layui-btn {
    border: 1px solid #1677FF;
    color: #1677FF;
    padding: 8px 24px;
    border-radius: 4px;
    margin-left: 20px;
    font-size: 16px;
}

/* 移动端导航 */
.mobile-header { display: none; }
.mobile-main .mobile-header { display: block; }
.mobile-main .df-header { display: none; }
.mobile-main .mobile-header-menu {
    padding: 16px 20px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    background: rgba(255, 255, 255, 1); 
    box-sizing: border-box;
}
.mobile-main .df-logo img {
    width: 100px;
    display: block;
    margin: 0 auto;
}
.layuimini-make {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
}
.mobile-header .layui-nav-item:hover, .mobile-header .layui-nav-item:visited, .mobile-header .layui-nav-item a:hover {
    background-color: rgba(0, 0, 0, .5) !important;  
}
.layui-nav-tree .layui-nav-bar {
    background-color: rgba(0, 0, 0, .0);
}

/* footer */
.df-footer {
    color: #fff;
    background: #3B3B3B;
    padding: 68px 15px;
    font-size: 12px;
    margin-top: 100px;
}

.df-footer dl dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}
.df-footer dl { margin-bottom: 30px; }

.df-footer dl dd {
    padding: 10px 0;
    max-width: 300px;
}

.df-footer a {
    color: #fff;
}

.df-footer a:hover {
    color: #1677FF;
}
.df-footer .qrcode img {
    width: 60px;
    height: 60px;
    display: block;
}


/**banner轮播*/
.df-banner .layui-carousel {
    position: relative;
    left: inherit;
    top: initial;
}
.df-banner .item {
    background-position: center !important;
}

/* banner 文案 */
.df-banner-img {
    width: 100%;
    height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.68);
}
.df-banner-img .center-title {
    padding-top: 200px;
    color: #fff;
    font-size: 46px;
    margin-bottom: 6px;
}

.df-banner-img .df-title {
    padding-top: 130px;
    color: #fff;
    font-size: 46px;
    text-align: left;
}
.df-banner-img .df-title .english-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 90px;
    font-weight: bold;
}
.df-banner-img .df-title .title-text { margin-top: 10px; font-size: 46px; }
.df-banner-img .df-title .title-text::before, .df-banner-img .df-title .title-text::after {
    bottom: -14px !important;
    top: auto;
    background: #fff;
}

/* 页面标题 */
.df-title .english-text { color: rgba(170, 170, 170, 0.20); font-size: 34px; font-weight: normal; }
.df-title .title-text { font-size: 28px; position: relative; margin: 38px 0 48px; font-weight: bold; }
.df-title .title-text::before, .df-title .title-text::after {
    position: absolute;
    top: -34px;
    left: 0;
    width: 72px;
    content: '';
    height: 6px;
    background: #1677FF;
    display: block;
}
.df-title .title-text::after {
    width: 6px;
    left: 76px;
}
.df-title .title-text-line { font-size: 28px; margin-bottom: 48px; font-weight: bold; }
.df-title .title-text-line span::before {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: '';
    width: 100%;
    height: 6px;
    background: #1677FF;
    display: block;
}

/* 居中标题 */
.df-title-center .title-text {
    text-align: center;
    font-size: 40px;
    color: #1677FF;
}
.df-title-center .min-title-text {
    text-align: center;
    color: #aaa;
    margin-top: 8px;
    font-size: 24px;
    padding-bottom: 30px;
}

.border-bottom-aaa { border-bottom: 1px solid #aaa; }
.df-btn-blue {
    width: 300px;
    height: 62px;
    line-height: 62px;
    background: #1677FF;
    border-radius: 8px;
    font-size: 28px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}
.more-btn {
    height: 48px;
    line-height: 48px;
    background: #1677FF;
    font-size: 20px;
    padding: 0 48px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    float: right;
}
.more-btn:hover, .df-btn-blue:hover { color: #fff; opacity: .8; }

/* 表单相关 */
.df-from-text {
    font-size: 22px;
    width: 130px;
    display: block;
}
.df-from-input {
    width: 100%;
    height: 44px;
    background: #F1F1F1;
    border-radius: 6px;
    font-size: 14px;
    border: none;
    padding: 0 16px;
    box-sizing: border-box;
}

.df-from-content { margin: 0 auto; max-width: 780px; }

/* tab 切换 */
.df-tab-nav.layui-tab-title { height: auto; border-bottom: none; }
.df-tab-nav.layui-tab-title .layui-this:after { display: none; }
.df-tab-nav li {
    padding: 10px 0;
    font-size: 20px;
    cursor: pointer;
    text-align: left;
    line-height: normal;
}
.df-tab-nav li.layui-this { color: #1677FF; }
.df-tab-nav li.layui-this span::before {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #1677FF;
    display: block;
    content: '';
}
.df-about1 .df-tab-nav li { display: block; }
.case .df-tab-nav li { margin-right: 30px; }

/* 首页对应模块 */
.df-content { width: 100%; max-width: 940px; margin: 0 auto; }
.df-module-title { font-size: 22px; text-align: center; color: #333; }
.df-index1 .item {
    width: 46%;
    max-width: 260px;
    height: 300px;
    margin-top: 20px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #777;
    padding-top: 44px;
    box-shadow: 0px 0px 14px 0px rgba(51,51,51,0.06);
    line-height: 36px;
}
.df-module-img {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto 16px;
}
.df-index1 .item .btn {
    width: 90%;
    max-width: 168px;
    height: 50px;
    line-height: 50px;
    background: #1677FF;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: none;
    margin: 16px auto 0;
    display: block;
}

.df-index3 .item {
    width: 46%;
    max-width: 270px;
    height: 240px;
    margin-top: 20px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    font-size: 16px;
    color: #777;
    border-radius: 0 38px 0 38px;
    padding-top: 36px;
    box-shadow: 0px 0px 14px 0px rgba(51,51,51,0.06);
    line-height: 24px;
}
.df-index3 .item .layui-icon {
    font-size: 50px;
    height: 64px;
    line-height: 64px;
    width: 64px;
    text-align: center;
    margin: 0 auto 16px;
    color: #555;
    display: block;
}

/* 商户案例 */
.df-case-list .item { margin-bottom: 20px; margin-right: 20px; cursor: pointer; }
.df-case-list .item:hover { opacity: .8; }
.df-case-list .item .logo {
    width: 258px;
    height: 155px;
    display: block;
}
.df-case-list .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 22px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
}
.df-case-list .content .qrcode {
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto 14px;
}
.df-case-list .content .title {
    font-size: 14px;
    margin-bottom: 6px;
}

.df-index4 .item:last-child { margin-right: 0; }

.df-index5 .logo {
    width: 112px;
    height: 112px;
    display: block;
    margin-bottom: 10px;
    margin-right: 10px;
}

.df-index6 .center-title {
    text-align: center;
    font-size: 36px;
    color: #777;
    margin-top: 110px;
    margin-bottom: 34px;
}
.df-index6 .content {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px;
    color: #777;
}
.df-index6 .item {
    position: relative;
    padding: 0 70px;
    text-align: center;
    margin-bottom: 30px;
}
.df-index6 .item:first-child { padding-left: 0; }
.df-index6 .item:last-child { padding-right: 0; }
.df-index6 .item:not(:last-child)::before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -34px;
    content: '';
    width: 1px;
    height: 68px;
    display: block;
    background: #aaa;
}
.df-index6 .item .cont {
    font-size: 50px;
    line-height: 70px;
    color: #1677FF;
}

#zizhi.layui-carousel>[carousel-item] {
    width: 90%;
    max-width: 940px;
    margin: 0 auto;
}
#zizhi.layui-carousel .item-img {
    background: #fff;
    width: calc((100% - 80px) / 4);
    display: inline-block;
    margin-right: 20px;
}
#zizhi.layui-carousel .item-list .item-img:last-child { margin-right: 0 !important; }
#zizhi .layui-carousel-arrow { background-color: #1677FF; cursor: pointer; }
#zizhi.layui-carousel .layui-carousel-arrow[lay-type='sub'] { display: none !important; }
#zizhi .layui-carousel-ind { position: absolute; top: 50%; left: 0; width: 10px; margin-top: -55px; }
#zizhi .layui-carousel-ind li.layui-this { width: 10px; height: 30px; }
#zizhi .layui-carousel-ind li { margin: 5px 0;}

/* 轮播图指示点重置 */
.layui-carousel-ind ul, .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul { background-color: transparent !important; }
.layui-carousel-ind li { background-color: #d7d7d7; }
.layui-carousel-ind li.layui-this { background-color: #1677FF; width: 30px; border-radius: 6px; }

/* 商户案例 */
.df-smarfood1 .item {
    width: 275px;
    color: #aaa;
    font-size: 18px;
    text-align: left;
    margin-bottom: 70px;
}
.df-smarfood1 .item .left-title {
    border-radius: 50%;
    background: #1677FF;
    color: #fff;
    font-size: 38px;
    width: 66px;
    line-height: 66px;
    text-align: center;
    margin-right: 24px;
}
.df-smarfood1 .item .right-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 4px;
}

/* 关于我们 */
.df-about1 .df-title {
    min-width: 220px;
}
.df-about1 .news-item:nth-child(2n - 1) { margin-right: 24px; }

/* 新闻列表 */
.news-item {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.06);
    padding: 30px;
    box-sizing: border-box;
    min-width: 300px;
    margin-bottom: 24px;
    color: #aaa;
    font-size: 12px;
    height: 150px;
}
.news-item .left {
    width: 60px;
    margin-right: 20px;
}
.news-item .left .time {
    font-size: 22px;
    margin-bottom: 2px;
    color: #333;
}
.news-item .right .title {
    font-size: 14px;
    color: #333;
    margin-bottom: 16px;
}

/*新闻详情*/
.details-connter {
    font-size: 16px;
}

.details-connter img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 20px auto;
}

.details-connter .title {
    font-size: 32px;
    text-align: center;
    margin-top: 60px;
    color: #333;
}

.details-connter .time {
    color: #777;
    text-align: center;
    padding: 20px 0 50px;
    font-size: 18px;
}

.df-back-btn {
    margin: 60px auto 0;
    display: block;
    width: 100px;
    background: none;
    border-color: #1677FF;
    color: #1677FF;
}

.df-back-btn:hover {
    opacity: .7;
    border-color: #1677FF;
    color: #1677FF;
}

.df-smart-gn .layui-tab {
    width: 100%;
    border: none;
    box-shadow: none;
}

.df-smart-gn .layui-tab .layui-tab-title {
    width: 100%;
    max-width: 540px;
    height: auto;
    background-color: #fff;
    border-bottom: none;
    margin: 0 auto 2%;
}

.df-smart-gn .layui-tab .layui-tab-title li {
    width: 50%;
    padding: 10px 0;
    box-sizing: border-box;
    border: none;
    margin: 0;
    text-align: center;
    font-size: 20px;
    border: 1px solid #fff;
    line-height: normal;
}

.df-smart-gn .layui-tab .layui-tab-title .layui-this:after {
    display: none
}

.df-smart-gn .layui-tab .layui-tab-title .layui-this {
    background-color: #1677FF;
    border: 1px solid #1677FF;
    color: #f2f2f2!important;
}

.df-smart-gn .layui-tab .layui-tab-title li:hover {
    border: 1px solid #1677FF;
    color: #1677FF;
}

.df-smart-gn .layui-tab-item .item {
    width: 33.33%;
    padding: 0 1%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 1.5%;
}
.df-smart-gn .layui-tab-item .item img {
    width: 100%;
    display: block;
}

/* 面包屑 */
.nav-breadcrumb {
    background: #F1F1F1;
    padding: 15px 0;
}
.layui-breadcrumb>* { font-size: 16px; }
.layui-breadcrumb a { color: #777 !important;}
.layui-breadcrumb a:hover { color: #000 !important; }

/* 关于我们 - 更多服务 */
.about-more-server li {
    width: 23.5%;
    margin-right: 2%;
    color: #646464;
    line-height: 1.7;
}
.about-more-server li:last-child { margin-right: 0; }
.about-more-server li img {
    width: 100%;
    display: block;
}
.about-more-server li h4 {
    text-align: center;
    line-height: 65px;
    background: #F3F5F9;
    font-size: 20px;
    margin-bottom: 10px;
}

.df-about-item {
    width: 47%;
    margin-bottom: 30px;
}

.df-about-item .right {
    text-align: right;
}

.df-about-item .font h2 {
    color: #1677FF;
    font-size: 20px;
    margin: 50px 0 26px;
}

.df-about-item .picture {
    width: 200px;
}

.df-about-item .font {
    padding-right: 30px;
    padding-left: 0;
}

.layui-container .df-about-item:nth-child(2n) .font {
    padding-left: 30px;
    padding-right: 0;
}

/*招募伙伴，我们等你*/
.df-recruit-form .layui-form {
    width: 512px;
    margin: 0 auto;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block {
    margin-left: 0;
    min-height: 60px;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .layui-input {
    height: 60px;
    font-size: 20px;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .layui-form-select dl {
    top: 60px;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .layui-form-selectup dl {
    bottom: 60px;
    top: auto
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .layui-btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    background: #1daef2;
    margin-top: 42px;
}

.df-recruit-form .select-city .sel {
    width: 512px;
    margin: 0 auto;
}

.df-recruit-form .select-city .sel .select {
    width: 49%;
    float: left;
    clear: inherit;
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 0 auto 15px;
}

.df-recruit-form .select-city .sel .select:last-of-type {
    float: right;
}

.df-recruit-form .select-city .sel .select:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #8D8D8D;
    display: block;
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 1;
}

select::-ms-expand {
    display: none;
}

.df-recruit-form .select-city select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    height: 60px;
    width: 100%;
    font-size: 20px;
    border: none;
    display: block;
    padding-left: 10px;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .vcode-img {
    height: 60px;
}

/*首页入驻咨询侧边弹出*/
.df-suspend-btn {
    cursor: pointer;
    position: fixed;
    bottom: 56px;
    right: 30px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background-image: url(../img/images/suspend-btn.png);
    z-index: 20;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.df-suspend-btn:hover {
    background-image: url(../img/images/suspend-btn-hover.png);
}

.btn-show {
    opacity: 0;
}

.fixed-sideBox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -280px;
    width: 280px;
    opacity: .95;
    background: #fff;
    border: 0 solid #e5e5e5;
    -webkit-box-shadow: -2px 6px 6px 1px rgba(0, 0, 0, .1);
    box-shadow: -2px 6px 6px 1px rgba(0, 0, 0, .1);
    z-index: 20;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.sideBox-show {
    right: 0;
}

.sideBox-content {
    padding: 70px 40px 30px;
}

.contact-box .closeBox-btn {
    padding-top: 60px;
    text-align: center;
}

.contact-box .closeBox-btn span {
    cursor: pointer;
    height: 30px;
    width: 30px;
    display: inline-block;
    background-size: 100% auto;
    background-image: url(../img/images/suspend-btn-close.png);
}

.consult-type .consult-text,
.contact-box .consult-text {
    padding-top: 10px;
    line-height: 26px;
    color: #333;
    letter-spacing: 0;
}

.contact-box .consult-text {
    padding-top: 35px;
    padding-bottom: 25px;
}

.consult-tel {
    padding-top: 15px;
    line-height: 18px;
    font-size: 18px;
    color: #1DAEF2;
}

.contact-box .layui-form {
    width: 100%;
}

.contact-box .layui-form .layui-form-item .layui-input-block .layui-input {
    height: 38px;
    font-size: 14px;
}

.contact-box .select-city select {
    height: 38px;
    font-size: 14px;
}

.contact-box .select-city .sel {
    width: 100%;
}

.contact-box .select-city .sel .select {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.contact-box .layui-form .layui-form-item {
    margin-bottom: 10px;
}

.contact-box .layui-form .layui-form-item .layui-input-block {
    min-height: inherit;
}

.df-recruit-form .select-city .sel .select:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #8D8D8D;
    right: 10px;
    top: 18px;
}

.df-recruit-form .layui-form .layui-form-item .layui-input-block .layui-btn {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    margin-top: 20px;
}

#shenqing .layui-btn {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

.df-smart-point li {
    width: 30.33%;
    margin: 0 1.5%;
    box-sizing: border-box;
    padding: 2.5% 3%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 14px 0px rgb(51 51 51 / 6%);
    line-height: 30px;
    min-height: 263px;
}
.df-smart-point li h2 { color: #1677FF; margin-bottom: 30px; font-weight: bold; }
.df-smart-point li h3 {
    border: 1px solid #1677FF;
    background: #1677FF;
    color: #fff;
    margin-bottom: 30px;
    padding: 2px 0;
}

/*首页餐饮卡片*/

.df-catering h2 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
}

.df-catering ul {
    margin: 0 -10px;
    overflow: hidden
}

.df-catering ul li {
    width: 33.33%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.df-catering ul li a {
    display: block;
    position: relative;
    padding-bottom: 110px;
    border: 1px solid #ECECEC;
}

.df-catering ul li a > img {
    width: 100%;
    height: 180px;
    display: block;
    background: #fff;
}

.df-catering ul li .desc h3 {
    font-size: 20px;
    color: #232323
}

.df-catering ul li a .desc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    overflow: hidden;
    background-color: #fff;
    transition: all .6s;
    -webkit-transition: all .6s;
    padding: 20px;
    box-sizing: border-box;
}

.df-catering ul li a:hover .desc {
    height: 97%;
}

.df-catering ul li a .desc i {
    color: #646464;
    margin: 20px 0 22px;
    display: block;
    font-style: normal;
}

.df-catering ul li a .desc p {
    color: #646464;
    line-height: 1.7;
}

.df-catering ul li .desc {
    position: relative;
}

.df-catering ul li .desc img {
    position: absolute;
    right: 20px;
    top: 14px;
    width: 82px;
    height: 82px;
}

.smart-index-01 img { margin-top: 15px; }

.flex1 { flex: 1; }
.text-center { text-align: center; }
.flex-start-center { display: flex; justify-content: flex-start; align-items: center; }
.flex-start-start { display: flex; justify-content: flex-start; align-items: flex-start; }
.flex-center-center { display: flex; justify-content: center; align-items: center; }
.flex-center-end { display: flex; justify-content: flex-start; align-items: flex-end; }
.flex-between-end { display: flex; justify-content: space-between; align-items: flex-end; }
.flex-between-center { display: flex; justify-content: space-between; align-items: center; }
.flex-content-between { display: flex; justify-content: space-between; align-items: flex-start; }
.flex-wrap { flex-wrap: wrap; }

/* 支付弹层层 */
.pay-pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; display: none; }
.gray-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }
.pay-pop .box { position: fixed; left: 0; bottom: 0; right: 0; top: 0; height: 420px; margin: auto; width: 340px; background: #fff; border-radius: 6px; box-sizing: border-box; padding: 20px 0; text-align: center; font-size: 12px; color: #999; }
.pay-pop .box .ma { width: 320px; height: 320px; display: block; margin: 0 auto; }
.pay-pop .box .close { position: absolute; right: 10px; top: 8px; width: 25px; height: 25px; cursor: pointer; }

.layui-laypage { float: right; }

@media screen and (max-height: 740px){
  .sideBox-content { padding-top: 45px; }
  .contact-box .closeBox-btn { padding-top: 30px; }
}

@media screen and (min-width: 1000px) and (max-width:1600px) {
    .df-banner .layui-carousel { height: 450px !important; }
    .df-banner .item {
        background-size: cover !important;
    }
}

/* 兼容手机 */
@media screen and (max-width: 640px) {
  .df-banner .layui-carousel { height: 200px !important; }
  .df-banner .item {
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  .df-banner-img { height: 280px; }
  .df-banner-img .df-title { padding-top: 86px;}
  .df-banner-img .center-title { font-size: 30px; padding-top: 128px;}
  .df-banner-img .center-english { font-size: 26px; }
  .df-banner-img .df-title .english-text {font-size: 40px; margin-left: 15px;}
  .df-banner-img .df-title .title-text { font-size: 24px; margin-left: 15px;}

  .layui-carousel-ind li.layui-this { width: 20px; height: 8px; }
  .layui-carousel-ind li { width: 8px; height: 8px; }

  .df-smart-gn .layui-tab .layui-tab-title li {
    font-size: 16px;
  }

  .smart-index-01 li img {
    width: 100px;
  }

  .about-more-server li {
    width: 48%;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  .df-about-item { width: 100%; }
  .df-about-item .picture { width: 100px; }
  .df-about-item .font h2 { margin: 0 0 10px; }
  .df-about-item .font { padding-right: 20px; }
  .layui-container .df-about-item:nth-child(2n) .font { padding-left: 20px; }

  .df-title { margin-top: 38px !important; }
  .df-title .english-text { font-size: 22px; }
  .df-title .title-text::before, .df-title .title-text::after { height: 4px; }
  .df-title .title-text { font-size: 22px; margin: 30px 0 10px; }
  .df-title .title-text::before, .df-title .title-text::after { top: -26px; }
  .df-title .title-text-line { font-size: 22px; margin-bottom: 18px; }
  .df-title .title-text-line span::before { height: 4px; }
  .df-title .new-title { margin-bottom: 10px !important; }
  
  .df-index1 .item {font-size: 14px; padding-top: 25px; line-height: 30px; width: 48%; height: 224px;}
  .df-index1 .item:last-child { width: 100%; max-width: 100%; }
  .df-index1 .item .btn { width: 78%; height: 42px; line-height: 42px; font-size: 16px; margin: 12px auto 0;}

  .df-module-img { width: 48px; height: 48px; margin: 0px auto 8px;}
  .df-module-title { font-size: 18px; }

  .df-smart-point li { width: 47%; }
  .df-smart-point li:last-child { width: 100%; margin-top: 15px; }

  .df-catering ul li { width: 100%; }

  #zizhi.zizhi-box { margin-top: 22px; height: 110px !important; }
  #zizhi.layui-carousel .item-img {width: calc((100% - 40px) / 4); margin-right: 6px;}
  #zizhi.layui-carousel .item-list .item-img:last-child { margin-right: 0 !important; height: auto;}
  #zizhi .layui-carousel-ind li.layui-this { width: 6px; height: 14px; }
  #zizhi .layui-carousel-ind li { width: 6px; height: 6px; }
  #zizhi .layui-carousel-arrow { width: 26px; height: 26px; line-height: 26px; font-size: 16px; margin-top: -22px; right: 0px;}

  #service.service-box { margin-top: -10px !important; }
  .df-index3 .item { width: 48%; font-size: 14px; padding-top: 20px; line-height: 24px; width: 48%; height: 248px;}
  .df-index3 .item:last-child { width: 100%; max-width: 100%; height: 196px;}
  .df-index3 .item .service-icon { height: 44px !important; width: 44px !important;}
  .df-index3 .item .df-module-title { font-size: 16px; margin-top: 10px;}
  .df-index3 .item .sub-title { margin-top: 0 !important; line-height: 26px; font-size: 14px;}

  .df-index4 .tip-box { margin-right: 1%; margin-bottom: 10px;}
  .df-index4 .tip-text { font-size: 15px;}
  .df-index4 .sub-tip-text { font-size: 14px; line-height: 26px !important; margin-top: 10px;}

  .df-index6 .center-title { font-size: 22px; margin-top: 40px; margin-bottom: 20px; }
  .df-index6 .item { padding: 0 14px; margin-bottom: 24px; width: calc((100% - 56px)/2); }
  .df-index6 .item .cont { font-size: 24px; line-height: 34px; }
  .df-index6 .item .sub-cont { font-size: 16px; }
  .df-index6 .item:first-child { padding-left: 14px; }
  .df-index6 .item:last-child { padding-right: 14px; }
  .df-index6 .item:nth-child(2n)::before { width: 0;}
  .df-index6 .item:nth-child(2n){ padding-left: 0;}

  .margin-top-100 { margin-top: 30px; }
  .df-title-center .title-text { font-size: 22px;}
  .df-title-center .min-title-text { font-size: 15px; }

  .df-from-content .margin-top-40 { margin-top: 30px;}
  .df-from-text { font-size: 16px; width: 90px; }
  .df-from-content { margin: 0 20px; }
  .df-footer { margin-top: 42px; padding: 40px 15px; }

  .margin-top-60 { margin-top: 30px; }
  .margin-top-80 { margin-top: 40px; }

  .df-smarfood1 .item { font-size: 14px; margin-bottom: 30px;}
  .df-smarfood1 .item .left-title { font-size: 28px; width: 54px; line-height: 54px; margin-right: 20px;}
  .df-smarfood1 .item .right-title { font-size: 20px;}
  .df-btn-blue { width: 232px; height: 44px; line-height: 44px; font-size: 17px; }
  .df-about1 { margin-top: 10px !important;}
  .df-about1 .news-item:nth-child(2n - 1) { margin-right: 0;}
  .df-case-list { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
  .df-case-list .item { margin-right: 0 !important; }

  .more-btn { height: 38px; line-height: 38px; font-size: 14px; padding: 0 20px; }
  #center-btn .more-btn { float: none; }
  #center-btn.clearfloat { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}

  #type1.fangan { margin-top: 10px; }
  #type2.df-tab-nav-box { display: flex; flex-direction: row; align-items: center; }
  #type2.df-tab-nav-box .nav-item-title { margin-left: 20px; }

  .details-connter {padding-left: 15px; padding-right: 15px; }
  .details-connter .title { font-size: 22px; margin-top: 30px; }
  .details-connter .time { padding-bottom: 30px; }
  .nav-breadcrumb { padding-left: 15px; }
  .news-next { margin-left: 30px; float: none;}
    
}

#iframeContent {
    width: 100%;
    height: 800px;
}